<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="css/bootstrap.min.css">
	</head>
	<body>
		<!-- 有了css文件,就可以使用 全局css样式 组件 -->
		<div class="container">
			<span class="glyphicon glyphicon-search" style="font-size:80px;color:red;"></span>
			
			<button class="btn btn-primary" type="button">
			  Messages <span class="badge">4</span>
			</button>
						
			<div class="input-group">
			  <span class="input-group-addon" id="basic-addon1">@</span>
			  <input type="text" class="form-control" placeholder="Username" aria-describedby="basic-addon1">
			</div>
			
			<div class="input-group">
			  <input type="text" class="form-control" placeholder="Recipient's username" aria-describedby="basic-addon2">
			  <span class="input-group-addon" id="basic-addon2">@example.com</span>
			</div>
			
			<button type="button" class="btn btn-success">（成功）Success</button>
			<button type="button" class="btn btn-info">（一般信息）Info</button>
			
			<table class="table table-bordered">
				<tr>
					<th>编号</th>
					<th>姓名</th>
					<th>性别</th>
					<th>年龄</th>
				</tr>
				<tr>
					<td>001</td>
					<td>李松</td>
					<td>男</td>
					<td>23</td>
				</tr>
				<tr>
					<td>002</td>
					<td>李松</td>
					<td>男</td>
					<td>23</td>
				</tr>
				<tr>
					<td>003</td>
					<td>李松</td>
					<td>男</td>
					<td>23</td>
				</tr>
			</table>
		</div>
	</body>
</html>
